/*
  学习目标：使用React创建一个h1标签，并且渲染到浏览器中
*/

// 1. 导入react和react-dom
import React from 'react';
// React负责：  创建React元素-虚拟DOM
import ReactDOM from 'react-dom';
// ReactDOM 负责：渲染React元素

// 2. 创建一个h1标签
// 语法：🔔React.createElement('标签类型', {标签属性名：属性值}, '标签的内容')
// 注意：💥如果不需要任何标签属性，可以写{} 或者 null
const title = React.createElement('div', { id: 'aa', title: 'Hello' }, 'hello React-71');

console.log('title  ----->  ', title);
// 3. 渲染元素
// 语法：ReactDOM.render(React元素，真实的DOM作为挂载点)
ReactDOM.render(title, document.getElementById('root'));
